<template>
	<view class="box">
		<view class="detail">
			<view class="flex_wrap">
				<u-image height="140rpx" width="140rpx"
					:src="detailInfo.avatar"
					mode="aspectFill" shape="circle" />
				<view class="name">
					<u-text :text="detailInfo.nickName" size="44rpx" color="#333" />
					<u-gap height="16rpx" />
					<u-text :text="detailInfo.introduction" size="24rpx" color="#777777" />
				</view>
			</view>
			<u-line color="#EBEBEB" margin="32rpx 0" />
			<u-text
				prefixIcon="https://oneredhealth.oss-cn-hangzhou.aliyuncs.com/2025/06/04/6904fe5c74764a198bd5e5a547c1fd9e.png"
				iconStyle="width:32rpx;height:32rpx;margin-right:12rpx;" text="电话：400-2365-2541" color="#777777"
				size="24rpx" />
			<u-gap height="14rpx" />
			<u-text
				prefixIcon="https://oneredhealth.oss-cn-hangzhou.aliyuncs.com/2025/06/04/89ad24eef28d463189029dd785a3fcad.png"
				iconStyle="width:32rpx;height:32rpx;margin-right:12rpx;" text="服务时间：周一至周五 8:30-18:00" color="#777777"
				size="24rpx" />
		</view>
		<view class="qwBox">
			<u-image height="322rpx" width="322rpx"
				:src="detailInfo.wechatQyQrCode"
				mode="aspectFill" />
		</view>
		<u-image height="228rpx" width="100%" src="https://oneredhealth.oss-cn-hangzhou.aliyuncs.com/2025/06/04/1f7088c7d8da45a9950052f503cbbc57.png" mode="aspectFill" radius="8rpx" />
	</view>
</template>

<script>
	import { getHealthManagerDetail } from "@/api/coupon.js";
	export default {
		data() {
			return {
				detailInfo:{
					
				}
			};
		},
		onLoad(options) {
			this.getDetail()
		},
		methods: {
			getDetail(){
				getHealthManagerDetail().then((res) => {
					console.log(res,'res>>>')
					this.detailInfo = res.data
				});
			}
		}
	};
</script>

<style lang="scss" scoped>
	.box {
		background: #F4F7FD;
		padding: 32rpx;
	}

	.detail {
		background: #FFFFFF;
		border-radius: 16rpx;
		padding: 32rpx 32rpx 34rpx 32rpx;
	}

	.name {
		margin-left: 24rpx;
	}

	.qwBox {
		width: 100%;
		height: 688rpx;
		box-sizing: border-box;
		background-image: url(https://oneredhealth.oss-cn-hangzhou.aliyuncs.com/2025/06/04/ab78c5ddccb2488eae9ab88e399b5778.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin: 20rpx 0;
		padding: 284rpx 178rpx 0 184rpx;
	}
</style>